<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"> 
	<title>登录成功页面</title>
		<!-- 引入bootstrap.css -->
	<!-- 引入jquery -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/public/js/jquery-1.11.3.js"></script>
	<!-- 引入bootstrap.js -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"/>
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/css/bootstrap.css"/>
    <!--引入jquery UI 组件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/jquery-ui-1.12.1/jquery-ui.structure.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/jquery-ui-1.12.1/jquery-ui.min.css" />
	<script src="${pageContext.request.contextPath}/static/jquery-ui-1.12.1/jquery-ui.min.js"></script>
    
	<style type="text/css">
       .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
		    color:#555,
		    cursor:default,
		    background-color:#fff,
		    border:1px solid #ddd,
		    border-bottom-color:transparent
		}
		
		.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
		    color:#fff;
		    background-color:#337ab7;
		}
		.nav>li>a{
		    position:relative,
		    display:block,
		    padding:10px 15
		}
		
		body {
			    width: 100%;
			    height: 100%;
			    margin: 0;
			    overflow: hidden;
			    background-color: #FFFFFF;
			    font-family: "Microsoft YaHei", sans-serif;
			 }
			 .pageSidebar{
			    width: 200px;
			    height:100%;
			    padding-bottom: 30px;
			    overflow: auto;
			    background-color: #e3e3e3;
			 }
			 .splitter {
			     width: 5px;
			     height: 100%;
			     bottom: 0;
			     left: 240px;
			     position: absolute;
			     overflow: hidden;
			     background-color: #fff;
			 }
			 .pageContent{
			     height: 100%;
			     min-width: 768px;
			     left: 206px;
			     top: 0;
			     right: 0;
			     z-index: 3;
			     padding-bottom: 30px;
			     position: absolute;
			 }
			 .pageContainer{
			     bottom: 0;
			     left:0;
			     right: 0;
			     top: 53px;
			     overflow: auto;
			     position: absolute;
			     width: 100%;
			 }
			 .footer {
			     width: 100%;
			     height: 30px;
			     line-height: 30px;
			     margin-top: 0;
			     left: 0;
			     right: 0;
			     bottom: 0;
			     position: absolute;
			     z-index: 10;
			     background-color:#DFDFDF;
			 } 
    </style>
    <script>
       $(function(){
    	   
       });
    </script>
</head>
<body>
    <!--顶部导航栏部分-->
	<nav class="navbar navbar-inverse">
	    <div class="container-fluid">
	        <div class="navbar-header">
	            <a class="navbar-brand" title="logoTitle" href="#">私人助手</a>
	       </div>
	       <div class="collapse navbar-collapse">
	           <ul class="nav navbar-nav navbar-right">
	               <li role="presentation">
	                   <a href="#">当前用户：<span class="badge">${username}</span></a>
	               </li>
	               <li>
	                   <a href="../login/logout">
	                         <span class="glyphicon glyphicon-lock"></span>退出登录</a>
	                </li>
	            </ul>
	       </div>
	    </div>      
	</nav>
	<!-- 中间主体内容部分 -->
	<div class="pageContainer">
	     <!-- 左侧导航栏 -->
	     <div class="pageSidebar">
	         <ul class="nav nav-stacked nav-pills">
	             <li role="presentation">
	                 <a href="nav1.html" target="mainFrame" >加班单填写</a>
	             </li>
	             <li role="presentation">
	                 <a href="nav2.html" target="mainFrame">报销单填写</a>
	             </li>
	             <li role="presentation">
	                 <a href="nav3.html" target="mainFrame">数据库密码查询</a>
	             </li>
	             <li class="dropdown">
	                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">
	                     日常工作快捷通道<span class="caret"></span>
	                 </a>
	                 <ul class="dropdown-menu">
	                     <li>
	                         <a href="nav1.html" target="mainFrame">导航链接4-1</a>
	                     </li>
	                     <li>
	                         <a href="nav2.html" target="mainFrame">导航链接4-2</a>
	                     </li>
	                     <li>
	                         <a href="nav3.html" target="mainFrame">导航链接4-3</a>
	                     </li>
	                 </ul>
	             </li>
	             <li role="presentation">
	                 <a href="nav4.html" target="mainFrame">导航链接5</a>
	             </li>
	         </ul>
	     </div>
	     <!-- 左侧导航和正文内容的分隔线 -->
	     <div class="splitter"></div>
	     <!-- 正文内容部分 -->
	     <div class="pageContent">
	         <iframe src="index.html" id="mainFrame" name="mainFrame" frameborder="0" width="100%"  height="100%" frameBorder="0"></iframe>
	     </div>
	 </div>
	 <!-- 底部页脚部分 -->
	 <div class="footer">
	     <p class="text-center">
	         2017 &copy; NeoYang.
	     </p>
	 </div> 
</body>
</html>
 